<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<% String contextPath = request.getContextPath();
    request.setAttribute("contextPath", contextPath);%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html lang="en">

<head>
    <base href="<%=request.getContextPath()%>/"/>
    <!-- start: Meta -->
    <meta charset="utf-8">
    <title>Bootstrap Metro Dashboard by Dennis Ji for ARM demo</title>
    <meta name="description" content="Bootstrap Metro Dashboard">
    <meta name="author" content="Dennis Ji">
    <meta name="keyword"
          content="Metro, Metro UI, Dashboard, Bootstrap, Admin, Template, Theme, Responsive, Fluid, Retina">
    <!-- end: Meta -->

    <!-- start: Mobile Specific -->
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- end: Mobile Specific -->

    <!-- start: CSS -->
    <link id="bootstrap-style" href="study/css/bootstrap.min.css" rel="stylesheet">
    <link href="study/css/bootstrap-responsive.min.css" rel="stylesheet">
    <link id="base-style" href="study/css/style.css" rel="stylesheet">
    <link id="base-style-responsive" href="study/css/style-responsive.css" rel="stylesheet">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,600italic,700italic,800italic,400,300,600,700,800&subset=latin,cyrillic-ext,latin-ext'
          rel='stylesheet' type='text/css'>
    <!-- end: CSS -->
    <!-- start: Favicon -->
    <link rel="shortcut icon" href="study/img/favicon.ico">
    <!-- end: Favicon -->

    <style type="text/css">
        body {
            background: url(study/img/bg-login.jpg) !important;
        }
    </style>

</head>

<body>
<div class="container-fluid-full">
    <div class="row-fluid">

        <div class="row-fluid">
            <div class="login-box">
                <div class="icons">
                    <a href=""><i class="halflings-icon home"></i></a>
                    <a href="#"><i class="halflings-icon cog"></i></a>
                </div>
                <h2>请登入</h2>
                <form class="form-horizontal" method="post">
                    <fieldset>

                        <div class="input-prepend" title="Username">
                            <span class="add-on"><i class="halflings-icon user"></i></span>
                            <input class="input-large span10" name="username" id="username" type="text"
                                   placeholder="type username"/>
                        </div>
                        <div class="clearfix"></div>

                        <div class="input-prepend" title="Password">
                            <span class="add-on"><i class="halflings-icon lock"></i></span>
                            <input class="input-large span10" name="password" id="password" type="password"
                                   placeholder="type password"/>
                        </div>
                        <div class="clearfix"></div>

                        <div class="input-prepend" title="YZM">
                            <span class="add-on">请输入验证码:</span>
                            <input class="input-large span8" type="text" name="yzmCode" id="yzmCode"/>
                        </div>
                        <input type="hidden" id="identification" value="">
                        <div class="clearfix"></div>
                        <img class="span" src="" id="yzm" style="width: 140px;height: 35px;">
                        <a href="javascript:void(0);" id="updateYZM" style="margin-left: 4%;color: red;">看不清楚,换一张?</a>
                        <div class="clearfix"></div>

                        <label class="remember" for="remember"><input type="checkbox" id="remember"/>记住我</label>

                        <div class="button-login">
                            <button id="zz" class="btn btn-primary">Login</button>
                        </div>
                        <div class="clearfix"></div>
                    </fieldset>
                </form>
                <hr>
                <h3>忘记密码?</h3>
                <p>

                    <a href="#">
                <strong>点击</strong></a>找回.
                </p>
            </div>
            <!--/span-->
        </div>
        <!--/row-->

    </div>
    <!--/.fluid-container-->

</div>
<!--/fluid-row-->
<div class="common-modal modal fade" id="common-Modal1" tabindex="-1" role="dialog" aria-hidden="true">
    <div class="modal-content">
        <ul class="list-inline item-details">
            <li>
                <a href="#">Admin templates</a>
            </li>
            <li>
                <a href="http://themescloud.org">Bootstrap themes</a>
            </li>
        </ul>
    </div>
</div>
<!-- start: JavaScript-->

<script src="study/js/jquery-1.9.1.min.js"></script>
<script src="study/js/jquery-migrate-1.0.0.min.js"></script>
<script src="study/js/jquery-ui-1.10.0.custom.min.js"></script>
<script src="study/js/jquery.ui.touch-punch.js"></script>
<script src="study/js/modernizr.js"></script>
<script src="study/js/bootstrap.min.js"></script>
<script src="study/js/jquery.cookie.js"></script>
<script src='study/js/fullcalendar.min.js'></script>
<script src='study/js/jquery.dataTables.min.js'></script>
<script src="study/js/excanvas.js"></script>
<script src="study/js/jquery.flot.js"></script>
<script src="study/js/jquery.flot.pie.js"></script>
<script src="study/js/jquery.flot.stack.js"></script>
<script src="study/js/jquery.flot.resize.min.js"></script>
<script src="study/js/jquery.chosen.min.js"></script>
<script src="study/js/jquery.uniform.min.js"></script>
<script src="study/js/jquery.cleditor.min.js"></script>
<script src="study/js/jquery.noty.js"></script>
<script src="study/js/jquery.elfinder.min.js"></script>
<script src="study/js/jquery.raty.min.js"></script>
<script src="study/js/jquery.iphone.toggle.js"></script>
<script src="study/js/jquery.uploadify-3.1.min.js"></script>
<script src="study/js/jquery.gritter.min.js"></script>
<script src="study/js/jquery.imagesloaded.js"></script>
<script src="study/js/jquery.masonry.min.js"></script>
<script src="study/js/jquery.knob.modified.js"></script>
<script src="study/js/jquery.sparkline.min.js"></script>
<script src="study/js/counter.js"></script>
<script src="study/js/retina.js"></script>
<script src="study/js/custom.js"></script>
<script src="js/jsp/login.js"></script>
<!-- end: JavaScript-->
</body>
</html>